<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>lyicon - 移动互联网时代专用图标</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="author" content="lyicon">
    <meta name="keywords" content="lyicon,fa,font-awesome,fa文档,fa中文文档,lyicon中文文档">
    <meta name="description" content="100%兼容lyicon的图标，细化图标，把实心图标都改成空心，更加方便APP及现代化网页使用。">
    <meta name="generator" content="OpenCMF">
    <meta name="baidu-site-verification" content="OcF9NJPAJy">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="lyicon">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" type="text/css" href="http://www.lingyun.net/Public/libs/lyui/dist/css/lyui.min.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <style type="text/css" media="screen">
        .navbar .navbar-brand {
            padding: 30px 15px;
            font-size: 20px;
        }
        .navbar .navbar-nav li a {
            color: #666;
            padding: 30px 30px;
        }
        .navbar .navbar-nav li.active a {
            color: #2699ed;
            background-color: #eee;
        }
        .jumbotron-main .btn {
            color: #fff;
            border-color: #fff;
        }
        .jumbotron-main .btn:hover {
            color: #333;
            background: #fff;
        }
    </style>
    <!--<![endif]-->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
</head>
    <div class="navbar navbar-defualt b-r-0 m-a-0">
      <div class="container">
        <div class="navbar-header m-r">
          <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">lyicon字体图标</a>
        </div>
        <div class="navbar-collapse collapse" role="navigation">
          <ul class="nav navbar-nav navbar-right">
              <li class="active"><a href="index.html">首页</a></li>
              <li><a href="start.html">使用方法</a></li>
              <li><a href="icons.html">所有图标</a></li>
              <li><a href="https://pan.baidu.com/s/1o7OkGTc" target="_blank">免费下载</a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="jumbotron-main jumbotron jumbotron-primary p-t-lg p-b-lg" style="height: 500px;">
        <div class="container text-center">
            <h1 class="m-b-lg">lyicon</h1>
            <h2 class="m-b-lg">简洁、直观、强悍的前端字体图标库，让web开发更迅速、简单。</h2>
            <p class="masthead-button-links">
                <a class="btn btn-lg btn-default-ouline" href="https://pan.baidu.com/s/1o7OkGTc" target="_blank">
                    <span class="fa fa-download"></span>
                    <span>免费下载 v0.0.2</span>
                </a>
            </p>
            <p class="m-t-lg">
                <iframe src="https://ghbtns.com/github-btn.html?user=ijry&repo=lyicon&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                <iframe src="https://ghbtns.com/github-btn.html?user=ijry&repo=lyicon&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
                <iframe src="https://ghbtns.com/github-btn.html?user=ijry&type=follow&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
            </p>
        </div>
    </div>

    <div class="container">
        <div>
            <p class="lead">
                lyicon图标提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。
            </p>
        </div>
        <div class="row m-b-md">
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-flag"></i> 479个图标</h4>
                  只需一种字体，同时拥有多个图标
            </div>
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-ban"></i> 无需JavaScript</h4>
              Font Awesome不依赖于JS,同时中文版奥森提供了IE7+以上兼容性解决方案
            </div>
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-arrows-alt"></i> 可无限放大缩小</h4>
              使用和普通字体一样自由便捷,可任意缩放
            </div>
        </div>
        <div class="row m-b-md">
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-microphone"></i>完全免费</h4>
                  完全免费，可以用于商业用途， SIL OFL 1.1 协议
            </div>
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-pencil"></i>CSS可控性</h4>
              通过CSS可以任意控制所有图标的大小 ，颜色，阴影。
            </div>
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-eye"></i> 完全兼容视网膜屏</h4>
             由于lyicon是矢量字体，可以完全兼容视网膜屏
            </div>
        </div>
        <div class="row m-b-md">
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-gamepad"></i> 良好兼容性</h4>
                 能和Bootstrap等常用UI框架一起使用，lyicon兼容IE7+
            </div>
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-desktop"></i> 桌面应用</h4>
                  可以用于桌面应用中
            </div>
            <div class="col-sx-12 col-sm-6 col-md-4"> <h4><i class="fa fa-search"></i> 兼容屏幕阅读器</h4>
                不像其它字体那样， 它可以兼容屏幕阅读器。
            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="container">
            <ul class="list-inline pull-left">
                <li><a class="icp" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备15020094号</a></li>
                <li><span class="copyright">版权所有 © 2016-2017 lyicon字体图标</span></li>
            </ul>
            <ul class="list-inline pull-right hidden-xs">
                <li><a href="mailto:admin@lingyun.net" target="_blank"><i class="fa fa-envelope-o" style="color: #fff;"></i> 联系我们</a></li>
                <li><span>当前版本：0.0.2</span></li>
            </ul>
        </div>
    </div>

    <div class="full-script">
        <script type="text/javascript" src="http://www.lingyun.net/Public/libs/lyui/dist/js/lyui.min.js"></script>
    </div>
</body>
</html>
